<template>
  <div>
    <!-- 用户：<input type="text" name="user" id="" v-model.lazy="name">
    年龄：<input type="text" name="user" id="" v-model.number="age">
    <input type="checkbox" id="jack" value="eat" v-model="checkedNames" />吃饭
    <input type="checkbox" id="john" value="sleep" v-model="checkedNames" />睡觉
    <input type="checkbox" id="mike" value="dadoudou" v-model="checkedNames" />打豆豆
    <br>
    <input v-model="isAll" type="checkbox">全选
    <br>
    <button @click="fn">提交</button> -->
    <div v-text="msg"></div>
    <div v-html="msg2"></div>

  </div>
</template>

<script>
export default {
  name: "VueDemoApp",

  data() {
    return {
      // name:'',
      // age:'',
      // checkedNames:[],
      // isAll:false
      msg:'我是你的爹',
      msg2:'<h1>我是你的爸爸</h1>'
    };
  },

  mounted() {},

  methods: {
    // fn(){
    //   console.log(this.checkedNames,this.name);
    // }
  },
};
</script>

<style lang="less">
</style>